<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>My Comp Project 2</title>
    <link rel="icon" href ="./icon.png" type ="image/icon">
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <container id="preloader">
        <div class="preLoadContain">
            <div id="loading">
                <div id="loader"></div>
            </div>
            <div id="welcome">
                <div id="title">Sea Level Rise & Melting Ice</div>
            </div>
            <div id="beginRender">
                <button id="begin">Find out what's going to happen</button>
            </div>
        </div>       
    </container>
    <div id="logo"></div>
    <div id="UIBox">
        <button id="b0">Sea Level Rise</button>
        <button id="b1">Causes</button>
        <button id="b2">Melting Ice</button>
        <button id="b3">Weather</button>
        <button id="b4">Outcomes</button>
    </div>

    <div id="panel">   
        <div id="info5">
            <div class="subtitlePanel">Outcomes</div>  
            <p class="subtitle" id="textbox1">How it will affect our life and wildlife</p>
            <p class="textbox" id="textbox2">What happens in these places has consequences across the entire globe. As sea ice and glaciers melt and oceans warm, ocean currents will continue to disrupt weather patterns worldwide. Industries that thrive on vibrant fisheries will be affected as warmer waters change where and when fish spawn. Coastal communities will continue to face billion-dollar disaster recovery bills as flooding becomes more frequent and storms become more intense. People are not the only ones impacted. In the Arctic, as sea ice melts, wildlife like walrus are losing their home and polar bears are spending more time on land, causing higher rates of conflict between people and bears.</p> 
            <p class="textbox" id="textbox3">
                <a href="https://350.org/science/" target="_blank" rel="noopener noreferrer">Find out what we can do to save the Earth</a>
            </p>
        </div>
        
        <div id="info4">
            <div class="subtitlePanel">Weather</div>  
            <p class ="subtitle" id="textbox1">Affection on weather</p>
            <p class ="textbox" id="textbox2">Today, the Arctic is warming twice as fast as anywhere on earth, and the sea ice there is declining by more than 10% every 10 years. As this ice melts, darker patches of ocean start to emerge, eliminating the effect that previously cooled the poles, creating warmer air temperatures and in turn disrupting normal patterns of ocean circulation. Research shows the polar vortex is appearing outside of the Arctic more frequently because of changes to the jet stream, caused by a combination of warming air and ocean temperatures in the Arctic and the tropics.</p>
            <p class ="textbox" id="textbox3">The glacial melt we are witnessing today in Antarctic and Greenland is changing the circulation of the Atlantic Ocean and has been linked to collapse of fisheries in the Gulf of Maine and more destructive storms and hurricanes around the planet.</p>        
        </div>
        
        <div id="info3">
            <div class="subtitlePanel">Melting Ice</div>  
            <p class ="subtitle" id="textbox1">Why are glaciers melting</p>
            <p class ="textbox" id="textbox2">Since the early 1900s, many glaciers around the world have been rapidly melting. Human activities are at the root of this phenomenon. Specifically, since the industrial revolution, carbon dioxide and other greenhouse gas emissions have raised temperatures, even higher in the poles, and as a result, glaciers are rapidly melting, calving off into the sea and retreating on land.</p>
            <p class ="textbox" id="textbox3">Even if we significantly curb emissions in the coming decades, more than a third of the world’s remaining glaciers will melt before the year 2100. When it comes to sea ice, 95% of the oldest and thickest ice in the Arctic is already gone.</p>
            <p class ="textbox" id="textbox4">Scientists project that if emissions continue to rise unchecked, the Arctic could be ice free in the summer as soon as the year 2040 as ocean and air temperatures continue to rise rapidly.</p>        
        </div>
       
        <div id="info2">            
            <div class="subtitlePanel">Causes</div>  
            <p class ="textbox" id="textbox1">The two major causes of global sea level rise are thermal expansion caused by warming of the ocean (since water expands as it warms) and increased melting of land-based ice, such as glaciers and ice sheets. The oceans are absorbing more than 90 percent of the increased atmospheric heat associated with emissions from human activity. </p>
            <p class ="textbox" id="textbox2">With continued ocean and atmospheric warming, sea levels will likely rise for many centuries at rates higher than that of the current century.  In the United States, almost 40 percent of the population lives in relatively high-population-density coastal areas, where sea level plays a role in flooding, shoreline erosion, and hazards from storms. Globally, eight of the world's 10 largest cities are near a coast, according to the U.N. Atlas of the Oceans.</p>
        </div>
        
        <div id="info1">
            <div class="subtitlePanel">Sea Level Rise</div>  
            <p class ="textbox" id="textbox1">Global sea level has been rising over the past century, and the rate has increased in recent decades. In 2014, global sea level was 2.6 inches above the 1993 average—the highest annual average in the satellite record (1993-present). Sea level continues to rise at a rate of about one-eighth of an inch per year.</p>
            <p class ="textbox" id="textbox2">Higher sea levels mean that deadly and destructive storm surges push farther inland than they once did, which also means more frequent nuisance flooding. Disruptive and expensive, nuisance flooding is estimated to be from 300 percent to 900 percent more frequent within U.S. coastal communities than it was just 50 years ago.</p>
        </div>
        
    </div>
    <script type="module" src="./index.js"></script>
</body>
</html>